<template>
  <!-- <p>403页面</p> -->
  <div class="no-auth-msg h-100vh flex items-center justify-center">
    <div class="flex flex-col items-center">
      <img class="w-800" :src="default403" alt="" />

      <p class="text-label-14 mt-32">{{ '抱歉，您没有该系统的登录权限，请在企业微信-工作台申请系统权限。' }}</p>
      <mci-button class="mt-10" type="primary" @click="handleLogout">{{ '返回' }}</mci-button>
    </div>
  </div>
</template>
<script lang="ts" setup>
import { MciButton } from '@/components/base';
import { useAppStore } from '@/store/app';
import default403 from './403.png';
import { useKc } from '@/keycloak';

const { logout } = useKc();

const appStore = useAppStore();

const handleLogout = () => {
  appStore.logout();
  logout();
};
</script>
